<include file="public/header" />
<body>
<div class="layui-fluid">
  <div class="layui-row">
    <form class="layui-form">
      <div class="layui-form-item">
        <label for="name" class="layui-form-label">
          <span class="x-red">*</span>名称
        </label>
        <div class="layui-input-inline">
          <input type="text" id="name" name="name" value="" required="" lay-verify="required"
                 autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">

        <label class="layui-form-label">上传icon</label>
        <div class="layui-input-block">
          <button type="button" class="layui-btn"  id="test5"><i class="layui-icon"></i>上传icon</button>
        </div>
      </div>
      <input type="hidden" name="icon" value="">
      <div class="layui-form-item" id="thumb" style="display: none">
        <label class="layui-form-label">预览图</label>
        <div class="layui-input-block">
          <img id="prev_img" style="width: 200px;height: 200px;" src="">
        </div>
      </div>

      <div class="layui-form-item">
        <label for="name" class="layui-form-label">
          <span class="x-red">*</span>排序
        </label>
        <div class="layui-input-inline">
          <input type="text" name="sort" value="" required="" lay-verify="required"
                 autocomplete="off" class="layui-input">
        </div>
      </div>

      <div class="layui-form-item" >
        <div class="layui-input-block">

          <button type="button"  class="layui-btn" lay-submit=""  lay-filter="addEdit">保存</button>
        </div>
      </div>
    </form>
  </div>
</div>
<script>


  layui.use(['form', 'layedit', 'laydate','jquery','upload'], function(){
    var form = layui.form
            ,layer = layui.layer
            , $ = layui.jquery
            , upload = layui.upload
            ,laydate = layui.laydate


    upload.render(

            {
              elem: '#test5',
              field:'thumbs'
              ,url: "{:url('Upload/ajaxUpload')}"
              ,accept: 'file' //普通文件
              ,exts: 'png|jpeg|jpg|webp' //只允许上传压缩文件
              ,done: function(res){
                if(res.code == 200){
                  // xadmin.close();
                  // xadmin.father_reload();
                  $('#thumb').show();
                  $('#prev_img').attr('src',''+res.data.path);
                  $('#thumbs').val(res.data);
                  layer.msg(res.msg);
                }else {
                  layer.msg(res.msg);
                }

              }
            });
    form.on('submit(addEdit)', function(data){
      $.post($('form').attr('action'),data.field,function(data){

        if(data.code == 200){
          layer.msg(data.msg);
          // setTimeout(function () {
          //     window.location.href =data.url
          // },2000)
          xadmin.close();
          xadmin.father_reload();
        }else {
          layer.msg(data.msg);
        }
      });
      return false;
    });
    form.on('select(province)', function(data){
      $.getJSON("/Store/getCity?pid="+data.value, function(data){
        var optionstring = "";
        $.each(data.data, function(i,item){
          optionstring += "<option value=\"" + item.id + "\" >" + item.name + "</option>";
        });
        $("#city").html('<option value=""></option>' + optionstring);
        form.render('select'); //这个很重要
      });
    })
    form.on('select(area)', function(data){
      var province_id = $('select[name="province_id"] option:selected').text();
      var city_id = $('select[name="city_id"] option:selected').text();
      var area_id = $('select[name="area_id"] option:selected').text();

      $('#address').val(province_id+city_id+area_id);

    });

    form.on('select(city)', function(data){
      $.getJSON("/Store/getCity?pid="+data.value, function(data){
        var optionstring = "";
        $.each(data.data, function(i,item){
          optionstring += "<option value=\"" + item.id + "\" >" + item.name + "</option>";
        });
        $("#area").html('<option value=""></option>' + optionstring);


        form.render('select'); //这个很重要
      });
    });
    //拖拽上传
    form.on('submit(addEdit)', function(data){
      $.post($('form').attr('action'),data.field,function(data){
        if(data.code == 200){
          layer.msg(data.msg);
          setTimeout(function () {
            window.location.href =data.url
          },2000)
          xadmin.close();
          xadmin.father_reload();
        }else {
          layer.msg(data.msg);
        }
      });
      return false;
    });
    form.on('radio(type)',function(data){

      if(data.value === '2'){

        $('.show_1').show();
      }else {
        $('.show_1').hide();

      }

    });
  });

</script>
</body>

</html>
